.h-tab {
    margin-top: 30px;
    
    .h-tab-option {
        display: flex;
        justify-content: center;
        height: 200px;
        line-height: 20vh;

        .h-tab-option-item {
            flex: 1;
            margin: 0 45px;
            cursor: pointer;

            .h-tab-option-item-abbr {
                height: 100%;
                font-size: 1.71rem;
                color: #3F435D;
                display: flex;
                text-align: center;
                justify-content: center;
                align-items: center;

                img {
                    width: 40px;
                    height: 40px;
                    margin-right: 36px;
                }
            }

            .h-tab-option-item-detail {
                display: none;
                height: 100%;
                padding: 20px;
                background-color: #F7F9FC;
                border-radius: 8px;
                box-shadow:0px 1px 3px 0px rgba(111,111,111,0.4);

                p {
                    margin-bottom: 10px;
                    color: #5B5E6F;

                    &:nth-child(1) {
                        font-size: 1.71rem;
                        color: #3F435D;
                        line-height: 38px;
                        padding-bottom: 20px;
                        border-bottom: 3px solid #E1E7FF;
                        border-radius: 0.5px;
                        display: flex;
                        align-items: center;
                        margin-bottom: 20px;

                        img {
                            width: 30px;
                            height: 30px;
                            margin-right: 20px;
                        }
                    }

                    &:nth-child(2) {
                        font-size: 1rem;
                        line-height: 28px;
                    }

                    
                }
            }
        }

        .h-tab-option-active {
            
            .h-tab-option-item-abbr {
                display: none;
            }

            .h-tab-option-item-detail {
                display: block;
            }
        }
    }

    .h-tab-content {
        padding-top: 100px;
        text-align: center;

        .h-tab-content-item {
            display: none;
            
            img {
                height: 400px;
                // height: 50vh;
            }

        }

        .h-tab-content-active {
            display: block;
        }
    }
}